<template>
	<base-popup
		class="min-h-[80vh]"
		contentClass="h-full"
		:title="activityStore.rewardPopupData.name">
		<!--		<template #title>-->
		<!--			<p class="text-2xl">{{  }}</p>-->
		<!--		</template>-->
		<detail-list class="pt-8 text-t-1" />
	</base-popup>
</template>
<script lang="ts" setup>
import { BasePopup } from '@/components/base'
import DetailList from '@/views/activity/components/rewards/detail-list.vue'
import { useActivityStore } from '@/store'

// flex: auto;
// align-self: center;
// text-align: center;
// font-size: var(--popup-title-size, 25px);
// font-family: SF-Pro-Bold, PingFangSC-Semibold, MicrosoftYahei-Bold, system-ui;
// color: var(--popup-title-color, var(--color-text-1));

defineProps({
	title: String
})

const activityStore = useActivityStore()
</script>

<style lang="scss" scoped></style>
